﻿@page "/"
@inherits BasePage

<Microsoft.AspNetCore.Components.Web.Extensions.Head.Title Value="@Title"></Microsoft.AspNetCore.Components.Web.Extensions.Head.Title>

<div style="background-image: url(@BlogOptions.Cover); background-size: 100% 100%; margin-bottom: 0;">
    <Row Align="middle" Justify="center" Style="height: 100vh;">
        <Space Style="background-color: #f0f8ff96; border-radius: 20px; padding: 42px 49px;" Size="@($"{100}")">
            <SpaceItem>
                <img src="@BlogOptions.Icon" class="img-fluid mx-auto" style="border-radius: 20px; max-height: 256px; max-width: 256px;" />
            </SpaceItem>
            <SpaceItem>
                <Space Direction="vertical">
                    <SpaceItem>
                        <h1 class="display-4 text-center">@BlogOptions.Name</h1>
                    </SpaceItem>
                    <SpaceItem>
                        <Divider></Divider>
                    </SpaceItem>
                    <SpaceItem>
                        <Space>
                            <SpaceItem>
                                <ButtonLink Href="articles">
                                    <MdiIcon Type="@IconNames.Articles"></MdiIcon>
                                    <span>Articles</span>
                                </ButtonLink>
                            </SpaceItem>
                            <SpaceItem>
                                <ButtonLink Href="slides">
                                    <MdiIcon Type="@IconNames.Slides"></MdiIcon>
                                    <span>Slides</span>
                                </ButtonLink>
                            </SpaceItem>
                            <SpaceItem>
                                <ButtonLink Href="notes">
                                    <MdiIcon Type="@IconNames.Notes"></MdiIcon>
                                    <span>Notes</span>
                                </ButtonLink>
                            </SpaceItem>
                        </Space>
                    </SpaceItem>
                </Space>
            </SpaceItem>
        </Space>
    </Row>
</div>

@code
{
    
}